<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>shopindex</title>
  <link rel="stylesheet" href="./css/shopindex.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2887659_uazsg0gzfbs.css">
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="./css/footer.css">
  <script src="./js/jQuery/jquery-3.6.0.js"></script>
  <script src="./js/cookie.js"></script>
  <script src="./lib/layer/layer.js"></script>
  <script src="./js/ajax.js"></script>
</head>

<body>
  <!-- ****************导航条************** -->
  <div class="header">
    <div class="header-pc container">
      <ul class="headerLeft">
        <li class="Htext"><i class="iconfont icon-wxbdingwei"></i> 广东</li>
      </ul>
      <ul class="headerRight">
        <li class="Htext loginname"><a id="loginbtn" href="./login.html">你好，请登录</a><a class="Htext-red" id="reBtn" href="./register.html">免费注册</a></li>
        <li class="fg"></li>
        <li class="Htext"><a>我的订单</a></li>
        <li class="fg"></li>
        <li class="Htext"><a>我的京东</a><i class="iconfont icon-xiabiao"></i></li>
        <li class="fg"></li>
        <li class="Htext"><a>京东会员</a></li>
        <li class="fg"></li>
        <li class="Htext"><a class="Htext-red">企业采购</a><i class="iconfont icon-xiabiao"></i></li>
        <li class="fg"></li>
        <li class="Htext"><a>客服服务</a><i class="iconfont icon-xiabiao"></i></li>
        <li class="fg"></li>
        <li class="Htext"><a>网站导航<i class="iconfont icon-xiabiao"></i></a></li>
        <li class="fg"></li>
        <li class="Htext bf">
          <a>手机京东</a>
          <div id="mobile_text1">
            <div id="mobile_text2">
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>

  <!-- ***************导航和搜索表单*************** -->
  <div id="nav">
    <div class="container">
      <div id="nav-pc">
        <div id="jd-logo">
          <img src="./images/sprite01.png" alt="">
        </div>
        <div class="text-box">
          <div id="text" class="text">
            <div class="text-pc">
              <a></a>
              <div class="form">
                <input type="text" name="" class="inptext">
                <span class="pohot-xiangj">
                  <span class="iconfont icon-xiangji"></span>
                </span>
                <button><i class="iconfont icon-sousuo"></i></button>
              </div>
              <div class="buyCa">
                <i class="iconfont icon-gouwuchekong"></i>
                <span class="buytext">我的购物车</span>
              </div>
            </div>
          </div>
        </div>
        <script src="./js/jQuery/jquery-3.6.0.js"></script>
        <script>
          $(window).scroll(function () {
            if ($(window).scrollTop() > 500) {
              $('#text').addClass('search-fix').animate({
                top: 0
              }, .5)
              $('.text-pc a').css('display', 'block')
            }
            if ($(window).scrollTop() < 500) {
              $('#text').removeClass('search-fix')
              $('.text-pc a').css('display', 'none')
            }
          })
        </script>
        <div id="hotwords">
          <a href="">预售享加赠</a>
          <a href="">iphone13</a>
          <a href="">康佳电视</a>
          <a href="">vivo x70</a>
          <a href="">大屏冰箱</a>
          <a href="">服饰预售</a>
          <a href="">立减千元</a>
          <a href="">价保30天</a>
          <a href="">特惠9.9</a>
        </div>
        <div id="navitems">
          <ul class="navitems-group">
            <li class="nav-active">秒杀</li>
            <li class="nav-active">优惠卷</li>
            <li>PLUS会员</li>
            <li>品牌闪付</li>
            <li>拍卖</li>
            <li>京东家电</li>
            <li>京东超市</li>
            <li>京东生鲜</li>
            <li>京东国际</li>
            <li>京东云</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- ******************nav********************* -->
  <div class="nav">
    <div class="nav-pc">
      <div class="nav-leftbox">
        <li class="item ">手机通信</li>
        <li class="item nav-sep"> > </li>
        <li class="item ">手机</li>
        <li class="item nav-sep"> > </li>
        <li class="item ">华为手机</li>
        <li class="item nav-sep"> > </li>
        <li class="item ">华为Mate 40Pro</li>
        <li class="item nav-sep"> > </li>
      </div>
      <div class="nav-rightbox">
        <li>手机电商旗舰店</li>
        <li><i class="iconfont icon-xinxi"></i>联系客服</li>
        <li><i class="iconfont icon-wujiaoxingyuanjiao"></i>关注店铺</li>
      </div>
    </div>
  </div>
  <!-- *************放大镜****************** -->
  <div class="fdj">
    <div class="fdj-pc">
      <div class="fdj-item">
        <div class="fdj-box">
          <div class="fdj-img">
            <img src="./images/fdjimg.jpg">
            <div class="fdj-cusor">
            </div>
          </div>
          <div class="fdj-show">
            <img src="./images/fdjimg.jpg">
          </div>
        </div>
        <div class="fdj-list">
          <i class="sprite-arrow-prev"></i>
          <div></div>
          <div></div>
          <div></div>
          <i class="sprite-arrow-next"></i>
        </div>
        <div class="fdj-info">

          <i class="iconfont icon-wujiaoxingyuanjiao"></i><span>关注</span>
          <i class="iconfont icon-wujiaoxingyuanjiao"></i><span>分享</span>
          <i class="iconfont icon-wujiaoxingyuanjiao"></i><span>对比</span>
        </div>
      </div>
      <div class="fdj-right">
        <h4>华为mate40pro 5G手机【支持鸿蒙HarmonyOs】 亮黑色 8+256G全网通（5G有充）</h4>
        <p>【华为官方直供】手机带华为66W充电套装【赠】碎屏险+2年保修+运费险+手机壳+精美贴膜等</p>
        <div class="shop-price">
          <div></div>
          <span>￥2585</span>
        </div>
        <div class="fdj-warp">
          <ul>
            <li>
              <span>选择颜色</span>
              <a class="warp-s">
                <img src="./images/fdj.jpg" alt="">
                <span>亮黑色</span>
              </a>
              <a class="warp-s">
                <img src="./images/fdj.jpg" alt="">
                <span>釉白色</span>
              </a>
              <a class="warp-s">
                <img src="./images/fdj.jpg" alt="">
                <span>秘银色</span>
              </a>
              <a class="warp-s">
                <img src="./images/fdj.jpg" alt="">
                <span>夏日胡杨</span>
              </a>
              <a class="warp-s">
                <img src="./images/fdj.jpg" alt="">
                <span>秋日胡杨</span>
              </a>
            </li>
            <li>
              <span>选择版本</span>
              <a>8+128G全网通（4G有充）</a><a> 8+128G全网通（4G有充）</a><a>8+128G全网通（4G有充）</a>
            </li>
            <li>
              <span>增值保障</span>
              <a>8+128G全网通（4G有充）</a><a> 8+128G全网通（4G有充）</a>
            </li>
            <li>
              <span>京东服务</span>
              <a>黑科技充电宝￥119.0</a><a> 黑科技充电宝￥119.0</a><a>黑科技充电宝￥119.0</a>
            </li>
            <li>
              <span>白条分期</span>
              <a>不分期</a><a>￥2585.85 x 3期</a><a>￥2585.85 x 3期</a>
            </li>

          </ul>
          <div class="shop-num">
            <input type="text" class="numinput" value="1" id="num">
            <a>+</a>
            <i>-</i>
          </div>
          <div class="shop-car">
            <a class="gwc">立即购买</a>
          </div>
          <div class="mycar">
            <a class="gwc">加入购物车</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 推荐 -->
  <div class="recm">
    <div class="recm-pc">
      <h2>猜你喜欢</h2>
      <div><img src="./images/activity-sp.webp" alt="">
        <i>Apple iPhone 13 mini (A2629) 支持5G</i>
      </div>
      <div><img src="./images/activity-sp.webp" alt="">
        <i>Apple iPhone 13 mini (A2629) 支持5G</i>
      </div>
      <div><img src="./images/activity-sp.webp" alt="">
        <i>Apple iPhone 13 mini (A2629) 支持5G</i>
      </div>
      <div><img src="./images/activity-sp.webp" alt="">
        <i>Apple iPhone 13 mini (A2629) 支持5G</i>
      </div>
      <div><img src="./images/activity-sp.webp" alt="">
        <i>Apple iPhone 13 mini (A2629) 支持5G</i>
      </div>
    </div>
  </div>
  <!-- 详情页 -->
  <div class="xqy">
    <div class="xqy-pc">
      <div class="xqy-l">
        <h2>历史记录</h2>
        <div><img src="./images/activity-sp.webp" alt="">
          <i>Apple iPhone 13 mini (A2629) 支持5G</i>
        </div>
        <div><img src="./images/activity-sp.webp" alt="">
          <i>Apple iPhone 13 mini (A2629) 支持5G</i>
        </div>
        <div><img src="./images/activity-sp.webp" alt="">
          <i>Apple iPhone 13 mini (A2629) 支持5G</i>
        </div>
        <div><img src="./images/activity-sp.webp" alt="">
          <i>Apple iPhone 13 mini (A2629) 支持5G</i>
        </div>
        <div><img src="./images/activity-sp.webp" alt="">
          <i>Apple iPhone 13 mini (A2629) 支持5G</i>
        </div>
      </div>
      <div class="xqy-r">
        <img src="./images/ih1.jpg" alt="">
        <img src="./images/ih2.jpg" alt="">
        <img src="./images/ih3.jpg" alt="">
      </div>
    </div>
  </div>


  <!-- footer -->

  <div class="footer container">
    <div class="footer-service">
      <li>
        <div class="f-ser">
          <h5></h5>
          <p>品类齐全，轻松购物</p>
        </div>
      </li>
      <li>
        <div class="f-ser">
          <h5></h5>
          <p>多仓直发，极速配送</p>
        </div>
      </li>
      <li>
        <div class="f-ser">
          <h5></h5>
          <p>正品行货，精致服务</p>
        </div>
      </li>
      <li>
        <div class="f-ser">
          <h5></h5>
          <p>天天低价，畅选无忧</p>
        </div>
      </li>
    </div>
    <div class="footer-help">
      <div class="footer-help-nav">
        <h5>购物指南</h5>
        <ul>
          <li>购物流程</li>
          <li>会员介绍</li>
          <li>生活旅行</li>
          <li>常见问题</li>
          <li>大家电</li>
          <li>联系客服</li>
        </ul>
      </div>
      <div class="footer-help-nav">
        <h5>配送方式</h5>
        <ul>
          <li>上门自提</li>
          <li>211限时达</li>
          <li>配送服务查询</li>
          <li>配送费收费标准</li>
          <li>海外配送</li>
        </ul>
      </div>
      <div class="footer-help-nav">
        <h5>支付方式</h5>
        <ul>
          <li>到货付款</li>
          <li>在线支付</li>
          <li>分期付款</li>
          <li>公司转账</li>
        </ul>
      </div>
      <div class="footer-help-nav">
        <h5>售后服务</h5>
        <ul>
          <li>售后政策</li>
          <li>价格保护</li>
          <li>退款说明</li>
          <li>返修/退换货</li>
          <li>取消订单</li>
        </ul>
      </div>
      <div class="footer-help-nav">
        <h5>特色服务</h5>
        <ul>
          <li>夺宝岛</li>
          <li>DIY装机</li>
          <li>延保服务</li>
          <li>京东E卡</li>
          <li>京东通信</li>
          <li>金鱼座智能</li>
        </ul>
      </div>
      <div class="footer-help-nav">
        <h5>京东自营覆盖区县</h5>
        <ul>
          <li>京东已向全国2661个区县提供自营配送服务，支持货到付款.POS机刷卡和售后上门服务。</li>
          <li>查看详情></li>
        </ul>
      </div>
    </div>
    <div class="footer-call">
      <p>
        <a>关于我们</a><span class="footer-ge">|</span>
        <a>联系我们</a><span class="footer-ge">|</span>
        <a>联系客服</a><span class="footer-ge">|</span>
        <a>合作招商</a><span class="footer-ge">|</span>
        <a>商家帮助</a><span class="footer-ge">|</span>
        <a>营销中心</a><span class="footer-ge">|</span>
        <a>手机京东</a><span class="footer-ge">|</span>
        <a>友情链接</a><span class="footer-ge">|</span>
        <a>销售联盟</a><span class="footer-ge">|</span>
        <a>京东社区</a><span class="footer-ge">|</span>
        <a>风险监测</a><span class="footer-ge">|</span>
        <a>隐私政策</a><span class="footer-ge">|</span>
        <a>京东公益</a><span class="footer-ge">|</span>
        <a>English Site</a><span class="footer-ge">|</span>
        <a>Media & IR</a>
      </p>
      <div class="footer-ce">
        <p>
          <a>京公网安备11000002000088号</a><span class="footer-ge">|</span>
          <a>京ICP备11041704号</a><span class="footer-ge">|</span>
          <a>互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="footer-ge">|</span>
          <a>新出发京零字第大120007号</a>
        </p>
        <p>
          <a>互联网出版许可证编号新出网证(京)字150号</a><span class="footer-ge">|</span>
          <a>出版物经营许可证</a><span class="footer-ge">|</span>
          <a>网络文化经营许可证京网文[2020]6112-1201号</a><span class="footer-ge">|</span>
          <a>违法和不良信息举报电话:4006561155</a>
        </p>
        <p>
          <a>Copyright c 2004 - 2021京东JD.com版权所有</a><span class="footer-ge">|</span>
          <a>消费者维权热线:4006067733</a><span class="footer-ge">|</span>
          <a>经营证照</a><span class="footer-ge">|</span>
          <a>(京)网械平台备字(2018)第00003号</a><span class="footer-ge">|</span>
          <a>营业执照</a>
        </p>
        <p>
          <a>Global Site</a><span class="footer-ge">|</span>
          <a>Canr PocCvw</a><span class="footer-ge">|</span>
          <a>Sitio de Espaia</a><span class="footer-ge">|</span>
          <a>lio5sLglna</a>
        </p>
        <p>
          <a>京东旗下网站:京东钱包</a><span class="footer-ge">|</span>
          <a>京东云</a><span class="footer-ge">|</span>
          <a>网络内容从业人员违法违规行为举报电话:4006561155-3</a>
        </p>
      </div>
      <p>
        <a class="footer-b"></a>
        <a class="footer-b"></a>
        <a class="footer-b"></a>
        <a class="footer-b"></a>
        <a class="footer-b"></a>
      </p>
    </div>
  </div>
</body>

</html>
<script src="./js/shopindex.js"></script>
<script src="./js/checkLogin.js"></script>
<script src="./js/detail.js"></script>